<template>
	<view style="display: flex;align-items: center;padding: 5px 10px;">
		<view style="width: 45px;height: 45px;">
			<u--image radius="5" :duration="200" mode="scaleToFill" :showLoading="true" :src="item.icon" width="45px"
				height="45px"></u--image>
		</view>
		<view style="margin-left: 5px;">
			<p style="display: flex;align-items: center;"><u-tag text="置顶" v-if="item.top>0" size="mini" type="success"
					style="margin-right: 2px;" /><u--text lines="1" :text="item.title" size="16"></u--text></p>
			<p style="display: flex;align-items: center;margin-top: 2px;">
				<span style="font-size: 12px;">{{$u.timeFrom(new Date(item.time).getTime(),false)}}
					{{gsbytes(item.size)}}</span>
			</p>
		</view>
		<view style="flex: 1;display: flex;align-items: center;justify-content: flex-end;">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: "item_other",
		props: ['item']
	}
</script>